리액트 컴포넌트란

❓질문

리액트에서 컴포넌트란 무엇인가요?

💡 조사하기전 내가 알고 있던 내용

리액트에서 컴포넌트란 우리가 객체지향언어를 사용할때 재사용성을 높히기 위해 작은 단위로 만들어 여러곳에서 사용하는것 처럼 리액트의 컴포넌트는 재사용성을 높히기 위한 작은 단위의 UI를 의미합니다.
즉 버튼 컴포넌트를 만들면 한 곳에서만 사용이 가능한게 아니라 여러 곳에서 사용할 수 있다는것입니다.

🏫 정리한 내용

리액트에서 컴포넌트는UI를 구성하는 독립적이고 재사용 가능한 코드 조각이라고 설명드릴 수 있습니다. 컴포넌트는 특정 기능이나 UI요소를 캡슐화합니ㄷ. 잘 만들어진 컴포넌트는 주로 단일 책임 원칙을 따릅니다.

컴포넌트의 주요 장점으로는 재사용성과 유지보수성이 있습니다.

컴포넌트를 설계할때 중요하게 고려해야할 사항에 대해서 설명드리겠습니다.
첫번째로는 하나의 컴포넌트가 너무 많은 책임을 갖지 않도록 해야합니다. 이는 추후의 유지보수성을 생각해서라도 혹은 여러곳에서 사용을 위해서라도 과다한 책임을 줘서는 안됩니다. 예로 비즈니스 로직과 UI로직의 구분이 있습니다.
두번째로는 재사용성을 고려해야 합니다 props를 통해 필요한 데이터와 동작을 주입받아 다양항 상황에서 쉽게 재사용될 수 있도록 하는 것이 좋습니다.
세번째로는 성능 최적화를 고려해야 합니다. 불필요한 리렌더링을 방지하기 위해 메모이제이션을 적절히 활용하고 컴포넌트의 크기를 적절히 유지하여야 합니다.